//个人中心-基本信息
<template>
  <div class="per_info">
    <div class="fs18 fwb pb30">基本信息</div>
    <div class="flex-box pb30">
      <div class="fs16 title">头像</div>
      <div class="avatar" :style="{ backgroundImage: 'url(' + avatar + ')' }">
        <input type="file" />
      </div>
    </div>
    <div class="flex-box border pb30">
      <div class="fs16 title">手机</div>
      <input type="text" class="phone fs16" />
    </div>
    <div class="pt40 fs18 fwb pb30">公司信息</div>
    <div class="flex-box pb25 fs18">
      <div class="title">名称</div>
      <div>南通春秋软件科技有限公司</div>
    </div>
    <div class="flex-box pb30">
      <div class="fs18 title">邮箱</div>
      <input type="text" class="phone fs16" />
    </div>
    <div class="flex-box pb30">
      <div class="fs18 title">地址</div>
      <input type="text" class="address fs16" />
    </div>
    <div class="flex-box pb25 fs18">
      <div class="title">受益人</div>
      <div>李薇薇</div>
    </div>
    <div class="flex-box pb25 fs18">
      <div class="title">绿证抬头</div>
      <div>Environmental Bridge Biotechnology Co., Ltd</div>
      <div class="pl30 fs16 col9">HuanjingqiaoShenwukejiyouxiangongsi</div>
    </div>
    <div class="flex-box pb25 fs18">
      <div class="title">发票抬头</div>
      <div>南通春秋软件科技有限公司</div>
    </div>
    <div class="flex-box flex-col-start">
      <div class="title fs18">收件人信息</div>
      <ul class="address_list flex-grow-1 fs16">
        <li>
          <div class="default">默认</div>
          <img src="../assets/static/icon/icon_close.png" class="icon_close" alt="" />
          <div class="flex-box edit_btn fs16">编辑</div>
          <div class="flex-box pb25">
            <div class="info_left">收件人：</div>
            <div>李薇薇</div>
          </div>
          <div class="flex-box pb25">
            <div class="info_left">详细地址：</div>
            <div>江苏省镇江市京口区象山路</div>
          </div>
          <div class="flex-box">
            <div class="info_left">联系电话：</div>
            <div>13024512475</div>
          </div>
        </li>
        <li>
          <img src="../assets/static/icon/icon_close.png" class="icon_close" alt="" />
          <div class="flex-box edit_btn fs16">编辑</div>
          <div class="flex-box pb25">
            <div class="info_left">收件人：</div>
            <div>李薇薇</div>
          </div>
          <div class="flex-box pb25">
            <div class="info_left">详细地址：</div>
            <div>江苏省镇江市京口区象山路</div>
          </div>
          <div class="flex-box">
            <div class="info_left">联系电话：</div>
            <div>13024512475</div>
          </div>
        </li>
      </ul>
    </div>
    <a href="javascript:;" class="add_address fs16">新增收件地址</a>
    <div class="save fs16">保存</div>
  </div>
</template>
<script>
export default {
  name: "info",
  data() {
    return {
      avatar: require("../assets/static/images/head.png"),
    };
  },
};
</script>
